<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注册</title>
</head>
<body style="background: #66C8B1">
<div class="container">
    <div id="signupbox" style="margin-top:150px" class="mainbox col-md-5 col-md-offset-4 col-sm-8 col-sm-offset-2">
        <div class="panel panel-info">
            <div class="panel-heading">
                <div class="panel-title">注册</div>
                <div style="float:right; font-size: 85%; position: relative; top:-10px"><a id="signinlink" href="/Origami/loginIndex">登录</a></div>
            </div>
            <div class="panel-body">
                <form id="signupform" name="signupform" class="form-horizontal" role="form" method="post" action="/Origami/register">

                    <div id="signupalert" style="display:none" class="alert alert-danger">
                        错误:系统错误，请重新注册
                    </div>


                    <div class="form-group">
                        <label for="email" class="col-md-3 control-label">邮箱</label>

                        <div class="col-md-8">
                            <input type="email" class="form-control" name="email" id="email" placeholder="可用邮箱用于接收系统邮件" onblur="checkEmail()">
                        </div>
                        <div class="col-md-8 col-md-offset-3" id="emailmsg" style="color: #ff0000">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="username" class="col-md-3 control-label">用户名</label>

                        <div class="col-md-8">
                            <input type="text" class="form-control" name="username" id="username" placeholder="用户名长度最大为5位"
                                   maxlength="5" onblur="checkUserName()">
                        </div>
                        <div class="col-md-8 col-md-offset-3" style="color: #ff0000" id="namemsg">
                        </div>

                    </div>
                    <div class="form-group">
                        <label for="passwd1" class="col-md-3 control-label">密码</label>

                        <div class="col-md-8">
                            <input type="password" class="form-control" name="passwd1" id="passwd1" placeholder="尽量不要使用邮箱密码"
                                    onblur="checkPasswd()"/>
                        </div>
                        <div class="col-md-8 col-md-offset-3" style="color: #ff0000" id="passwd1msg">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="passwd2" class="col-md-3 control-label">确认密码</label>

                        <div class="col-md-8">
                            <input type="password" class="form-control" name="passwd2" id="passwd2" placeholder="再输入一次密码"
                                    onblur="confirmPasswd()"/>
                        </div>
                        <div class="col-md-8 col-md-offset-3" style="color: #ff0000" id="passwd2msg">
                        </div>
                    </div>

                    <div class="form-group">
                        <!-- Button -->
                        <div class="col-md-offset-3 col-md-9 controls">
                            <button id="btn-signup" type="button" onclick="gosubmit()" class="btn btn-success">注册
                            </button>
                        </div>
                    </div>

                    <%--<div style="border-top: 1px solid #999; padding-top:20px" class="form-group">

                        <div class="col-md-offset-3 col-md-9">
                            <button id="btn-fbsignup" type="button" class="btn btn-primary"><i class="icon-facebook"></i>   Sign Up with
                                Facebook
                            </button>
                        </div>

                    </div>--%>

                </form>
            </div>
        </div>


    </div>
</div>

</body>
<link href="bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="bootstrap/user_defined.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="uploadify/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="js/regist.js"></script>
</html>
